<template>
  <div class="page-warp">
    <!-- <Top />
        <Center />
        <Bottom /> -->

    <div class="content_center">
      <div class="centerDiv">
        <ItemParkHome class="content_lr-item" :type="'centerBottom1'" title="进出车次" style="height: 283px">
          <CenterBottomOne />
        </ItemParkHome>
      </div>
      <div class="centerDiv">
        <ItemParkHome class="content_lr-item" :type="'centerBottom5'" title="停留时长" style="height: 283px">
          <CenterBottomTwo />
        </ItemParkHome>
      </div>
      <div class="centerDiv">
        <ItemParkHome class="content_lr-item" :type="'centerBottom3'" title="货量排名" style="height: 283px;z-index: 999">
          <CenterBottomThree />
        </ItemParkHome>
      </div>
      <div class="centerDiv">
        <ItemParkHome class="content_lr-item" :type="'centerBottom5'" title="线路数量" style="height: 283px">
          <CenterBottomFour />
        </ItemParkHome>
      </div>

    </div>
  </div>
</template>

<script>
// import Top from './top.vue';
// import Center from './center.vue';
// import Bottom from './bottom.vue';
import CenterBottomOne from './center-bottom-one.vue';
import CenterBottomTwo from './center-bottom-two.vue';
import CenterBottomThree from './center-bottom-three.vue';
import CenterBottomFour from './center-bottom-four.vue';

export default {
  name: 'PackLTIndex',
  components: {
    // Top,
    // Center,
    // Bottom
    CenterBottomOne,
    CenterBottomTwo,
    CenterBottomThree,
    CenterBottomFour
  },
  data() {
    return {};
  },
  created() { },
  mounted() { },
  beforeDestroy() { },
  methods: {
    chartClick(params) {
      // 这里处理你的点击逻辑
      this.$emit('chartClick', params);
    },
  },
};
</script>

<style lang="scss" scoped>
.page-warp {
  margin: 58px auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  // border: 1px solid red;

  .content_center {
    // width: 2500px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    div.centerDiv {
      width: 640px;
      // margin: 0 30px;
    }

    position: relative;
    // top: 520px;
  }
}
</style>